<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS样式</title>
    <style>
        /* 设置标题样式 */
        .hh {
            color: rgb(255, 0, 25); /* 文字颜色 */
            text-align: center; /* 居中对齐 */
        }
        /* 设置段落样式 */
        .id4 {
            font-size: 16px; /* 字体大小 */
        }
        /* 设置第一个段落样式 */
        .id1 {
            text-indent: 2cm; /* 首行缩进 */
            width: 202px; /* 宽度 */
            font-size: 16px; /* 字体大小 */
            text-decoration: underline; /* 下划线 */
            font-weight: bold; /* 粗体 */
        }
        /* 设置第二个段落样式 */
        .id2 {
            text-indent: 2cm; /* 首行缩进 */
            width: 202px; /* 宽度 */
            font-size: 16px; /* 字体大小 */
            text-decoration: underline; /* 下划线 */
            font-weight: bold; /* 粗体 */
        }
    </style>
</head>
<body>
    <h1 class="hh">两只老虎爱跳舞</h1> 
    
    <!-- 段落内容，描述列表样式 -->
    <p class="id4">list-style-type 设置列表项标记的类型。 list-style-position 设置在何处放置列表项标记。 list-style-image
    使用图像来替换列表项的标记。 inherit 规定应该从父元素继承 list-style 属性的值。 5.4 列表样式 举例：</p>
    
    <!-- 描述儿歌和其改编的段落 -->
    <p class="id1">“两只老虎爱跳舞”是儿歌《宝贝宝贝》中的一句歌词，被网友重新混音后配
    上了一个打鸡蛋后出现一个跳着橙色正义舞蹈的橙黄色小人，魔性的舞蹈加上鬼
    畜的“欸”卡点配音使这首歌和名为橙色正义的舞蹈火爆网络。</p>
    
    <!-- 描述游戏舞蹈的段落 -->
    <p class="id2">知名游戏《堡垒之夜》舞蹈“Justice”（即“橙色正义”） 两只老虎💃爱跳舞(耶)💃小兔子乖乖拔萝卜(诶)💃我和小鸭子学走路💃童年是最美的礼物💃</p>
    
    <!-- 引用的英文诗句 -->
    <p class="id3">To me, fair friend, you never can be old, For as you were when first your eye I eyed, Such seems your beauty still. Three winters cold have from the forests shook three summers' pride,</p>

</body>
</html>
